<template>
	<!-- 2.显示数据 -->
	{{textmsg}}
	<div v-text="textmsg"></div>
	<div v-html="htmlmsg"></div>
</template>

<script setup>
	// v-text用于渲染DOM元素的文本内容
	//1.定义数据
	const textmsg="<h1>学习v-text指令</h1>";
	//在使用Vue进行内容渲染时，
	//如果内容中包含HTML标签并且希望这些标签被浏览器解析，则可以使用v-html。
	//v-html用于渲染DOM元素的HTML内容，其用法与v-text相似。
	const htmlmsg="<h1>学习v-html指令</h1>";
</script>

<style>
</style>